<template>
  <div class="x-bar">
    <div :id="id" :option="option"></div>
  </div>
</template>

<script>
import Highcharts from 'highcharts'
export default {
  props: {
    id: {
      type: String
    },
    option: {
      type: Object
    }
  },
  watch: {
    option() {
      HighCharts.chart(this.id, this.option)
    }
  }
}
</script>

<style scoped>
</style>
